.cloud-charts.G2MultiPie {
  position: relative;
  text-align: center;
  box-sizing: border-box;

  .cloud-charts-children {
    position: absolute;
    text-align: center;
    //display: block;
  }

  & > div {
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: left;

    & > canvas {
      position: static;
      flex: none;
    }

    // hack掉图例的高度限制，比用legend.maxLength逻辑要简单
    .g2-legend {
      max-width: none !important;
      max-height: 100% !important;
    }

    .g2-tooltip-list > li:first-child {
      margin-top: 0 !important;
    }

    .g2-legend-list-item:last-child {
      margin-bottom: 1px !important;
    }
  }
}
